<template>
	<view class="mains">
		
	
	<view class="headers">

		<view class="jieshao">
			<div class="box1">
					<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1595580490595&di=c12b1cee3a68e2d3ee51877a194e1fb5&imgtype=0&src=http%3A%2F%2Fdiy.qqjay.com%2Fu2%2F2013%2F0115%2Fdec03e7ee48acf5c2c782f1f044b952e.jpg"
					 mode=""></image>
			</div>
			<div class="box2">
				<div>
					<h3>戴维</h3>
				</div>

				<div>
					<p>微信号：Davia</p>
				</div>
			</div>


		</view>
		<view class="xiaoshoue">
			<div class="money">
				店铺数：<span class="red">1</span>
			</div>
			<div>

			</div>

		</view>
	</view>
</view>
</template>

<script>
	export default {
		name: 'Header'
	}
</script>

<style scoped="scoped" lang="scss">
	.mains{
		height: 100%;
		background-color: #F1F1F1;
	}
	span{
		color:red
	}
	p{
		font-size: 21upx;
		color:#999999 ;
	}
	h3{
		font-size: 29upx;
	}
	image {
		background-color: gainsboro;
		border-radius: 50%;
		width: 82upx;
		height: 82upx;
		// border: 1px solid red;
	}
	.headers{
		height: 148upx;
		background-color: #FFFFFF;
		display: flex;
		justify-content: space-between;
		padding-left: 24upx;
		padding-right: 30upx;
		align-items: center;
		.jieshao{
			display: flex;
			.box2{
				margin-left: 20upx;
				// background-color: red;
			}
		}
		.xiaoshoue{
			font-size: 24upx;
			text-align: center;
			line-height: 100upx;
		}
	}
</style>
